<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
  
  <head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <meta name="csrf-token" content="{{ csrf_token() }}">
    <title>美丽说-购物车页面</title>
    <link rel="stylesheet" href="/public/home/css/base.css" type="text/css" />
    <link rel="stylesheet" href="/public/home/css/shop_common.css" type="text/css" />
    <link rel="stylesheet" href="/public/home/css/shop_header.css" type="text/css" />
    <link rel="stylesheet" href="/public/home/css/shop_gouwuche.css" type="text/css" />
    <link rel="icon" href="/public/home/images/7d026282ff00a259b6a7b90eee6d_48_48.c5.png" type="image/x-icon"/>
    <script type="text/javascript" src="/public/home/js/jquery.js"></script>
    <script type="text/javascript" src="/public/home/js/topNav.js"></script>
    <style type="text/css">
    .shop_bd_shdz_title{width:1000px; margin-top: 10px; height:50px; line-height: 50px; overflow: hidden; background-color:#F8F8F8;}
    .shop_bd_shdz_title h3{width:120px; text-align: center; height:40px; line-height: 40px; font-size: 14px; font-weight: bold;  background:#FFF; border:1px solid #E8E8E8; border-radius:4px 4px 0 0; float: left;  position: relative; top:10px; left:10px; border-bottom: none;}
    .shop_bd_shdz_title p{float: right;}
    .shop_bd_shdz_title p a{margin:0 8px; color:#555555;}

    .shop_bd_shdz_lists{width:1000px;}
    .shop_bd_shdz_lists ul{width:1000px;}
    .shop_bd_shdz_lists ul li{width:980px; border-radius: 3px; margin:5px 0; padding-left:18px; line-height: 40px; height:40px; border:1px solid #FFE580; background-color:#FFF5CC;}
    .shop_bd_shdz_lists ul li label{color:#626A73; font-weight: bold;}
    .shop_bd_shdz_lists ul li label span{padding:10px;}
    .shop_bd_shdz_lists ul li em{margin:0 4px; color:#626A73;}

    .shop_bd_shdz{width:1000px; margin:10px auto 0;}
    .shop_bd_shdz_new{border:1px solid #ccc; width:998px;}
    .shop_bd_shdz_new div.title{width:990px; padding-left:8px; line-height:35px; height:35px; border-bottom:1px solid #ccc; background-color:#F2F2F2; font-color:#656565; font-weight: bold; font-size:14px;}
    .shdz_new_form{width:980px; padding:9px;}
    .shdz_new_form ul{width:100%;}
    .shdz_new_form ul li{clear:both; width:100%; padding:5px 0; height:40px; line-height: 25px;}
    .shdz_new_form ul li label{float:left;width:100px; text-align: right; padding-right: 10px;}
    .shdz_new_form ul li label span{color:#f00; font-weight: bold; font-size:14px; position: relative; left:-3px; top:2px;}
    </style>

  <script type="text/javascript">
  jQuery(function(){
    jQuery("#new_add_shdz_btn").toggle(function(){
      jQuery("#new_add_shdz_contents").show(500);
    },function(){
      jQuery("#new_add_shdz_contents").hide(500);
    });
  });
  </script>
  </head>
  
  <body>
    <!-- Header -wll-2013/03/24 -->
    <div class="shop_hd">
      <!-- Header TopNav -->
      <div class="shop_hd_topNav">
        <div class="shop_hd_topNav_all">
          <!-- Header TopNav Left -->
          @if(!session('id'))
          <div class="shop_hd_topNav_all_left">
            <p>您好，欢迎来到&nbsp;
              美丽说商城&nbsp;[
              <a href={{url('/login')}}>登录</a>]&nbsp;[
              <a href={{url('/register')}}>注册</a>]</p></div>
          @else
            <div class="shop_hd_topNav_all_left">
            <p><span style="color:red">{{session("username")}}</span>&nbsp;您好，欢迎来到&nbsp;
              美丽说商城&nbsp;[
              <a href={{url('/clear/clear')}}>退出</a>]&nbsp;</p></div>
          @endif
          <!-- Header TopNav Left End -->
          <!-- Header TopNav Right -->
          <div class="shop_hd_topNav_all_right">
            <ul class="topNav_quick_menu">
              <li>
                <div class="topNav_menu">
                  <a href="#" class="topNavHover">我的商城
                    <i></i>
                  </a>
                  <div class="topNav_menu_bd" style="display:none;">
                    <ul>
                      <li>
                        <a title="已买到的商品" target="_top" href="{{url('/order/orderlist')}}">已买到的商品</a></li>
                      <li>
                        <a title="个人主页" target="_top" href={{url('/basics/basics')}}>个人主页</a></li>
                      <li>
                        <a title="我的好友" target="_top" href="#">我的好友</a></li>
                    </ul>
                  </div>
                </div>
              </li>
              <li>
                <div class="topNav_menu">
                  <a href="#" class="topNavHover">卖家中心
                    <i></i>
                  </a>
                  <div class="topNav_menu_bd" style="display:none;">
                    <ul>
                      <li>
                        <a title="已售出的商品" target="_top" href="#">已售出的商品</a></li>
                      <li>
                        <a title="销售中的商品" target="_top" href="#">销售中的商品</a></li>
                    </ul>
                  </div>
                </div>
              </li>
              <li>
                <div class="topNav_menu">
                  <a href="{{ url('/cart') }}" class="topNavHover">购物车</a>
                  <div class="topNav_menu_bd" style="display:none;">
                    <!-- <ul>
                    <li><a title="已售出的商品" target="_top" href="#">已售出的商品</a></li>
                    <li><a title="销售中的商品" target="_top" href="#">销售中的商品</a></li></ul>
                    -->
                    <p>还没有商品，赶快去挑选！</p>
                  </div>
                </div>
              </li>
              <li>
                <div class="topNav_menu">
                  <a href="#" class="topNavHover">我的收藏
                    <i></i>
                  </a>
                  <div class="topNav_menu_bd" style="display:none;">
                    <ul>
                      <li>
                        <a title="收藏的商品" target="_top" href="{{ url('/collection/index/1') }}">收藏的商品</a></li>
                      <li>
                        <a title="收藏的店铺" target="_top" href="{{ url('/collection/index/2') }}">收藏的店铺</a></li>
                    </ul>
                  </div>
                </div>
              </li>
              <li>
                <div class="topNav_menu">
                  <a href="#">站内消息</a></div>
              </li>
            </ul>
          </div>
          <!-- Header TopNav Right End --></div>
        <div class="clear"></div>
      </div>
      <div class="clear"></div>
      <!-- Header TopNav End -->
      <!-- TopHeader Center -->
      <div class="shop_hd_header">
        <div class="shop_hd_header_logo">
          <h1 class="logo">
            <a href="/">
              <img src="/public/home/images/logo.png" alt="ShopCZ" /></a>
            <span>ShopCZ</span></h1>
        </div>
        <div class="shop_hd_header_search">
          <ul class="shop_hd_header_search_tab">
            <li id="search" class="current">商品</li>
            <li id="shop_search">店铺</li></ul>
          <div class="clear"></div>
          <div class="search_form">
            <form method="get" action="{{url('/goodslist')}}">
              <div class="search_formstyle">
                <input type="text" class="search_form_text" name="goods_name" value="搜索其实很简单！" />
                <input type="submit" class="search_form_sub" name="secrch_submit" value="" title="搜索" /></div>
            </form>
          </div>
          <div class="clear"></div>
          <div class="search_tag">
            <a href="{{url('/goodslist?goods_name=裙子')}}">裙子</a>
            <a href="{{url('/goodslist?goods_name=上衣')}}">上衣</a>
            <a href="{{url('/goodslist?goods_name=连衣裙')}}">连衣裙</a>
            <a href="">化妆品</a>
            <a href="">手提包</a></div>
        </div>
      </div>
      <div class="clear"></div>
      <!-- TopHeader Center End -->
      <!-- Header Menu -->
      <div class="shop_hd_menu">
        <!-- 所有商品菜单 -->
        <div id="shop_hd_menu_all_category" class="shop_hd_menu_all_category"><!-- 首页去掉 id="shop_hd_menu_all_category" 加上clsss shop_hd_menu_hover -->
        <div class="shop_hd_menu_all_category_title"><h2 title="所有商品分类"><a href="javascript:void(0);">所有商品分类</a></h2><i></i></div>
        <div id="shop_hd_menu_all_category_hd" class="shop_hd_menu_all_category_hd">
          <ul class="shop_hd_menu_all_category_hd_menu clearfix">
            <!-- 菜单项 -->
            @foreach($menu as $k=>$v)
            <li id="cat_1" class="">
              <h3><a href="{{ url('/goodslist?cate='.$v->id) }}" >{{ $v->name }}</a></h3>
              @if($v->sub)
              <div id="cat_1_menu" class="cat_menu clearfix" style="">
                @foreach($v->sub as $kk=>$vv)
                <dl class="clearfix">
                  <dt><a href="{{ url('/goodslist?cate='.$vv->id) }}" >{{ $vv->name }}</a></dt>
                  @if($vv->sub)
                  <dd>
                    @foreach($vv->sub as $kkk=>$vvv)
                    <a href="{{ url('/goodslist?cate='.$vvv->id) }}">{{ $vvv->name }}</a>
                    @endforeach
                  </dd>
                  @endif
                </dl>
                                @endforeach
              </div>
                            @endif
            </li>
            @endforeach
            <!-- 菜单项 End -->
          </ul>
        </div>
      </div>
        <!-- 所有商品菜单 END -->
        <!-- 普通导航菜单 -->
        <ul class="shop_hd_menu_nav">
          <li class="current_link">
            <a href="{{ url('/') }}">
              <span>首页</span></a>
          </li>
          <li class="link">
            <a href="">
              <span>团购</span></a>
          </li>
          <li class="link">
            <a href="">
              <span>品牌</span></a>
          </li>
          <li class="link">
            <a href="">
              <span>优惠卷</span></a>
          </li>
          <li class="link">
            <a href="">
              <span>积分中心</span></a>
          </li>
          <li class="link">
            <a href="">
              <span>运动专场</span></a>
          </li>
          <li class="link">
            <a href="">
              <span>微商城</span></a>
          </li>
          <li class="link">
            <a href="{{ url('/community/index') }}">
              <span>社区</span></a>
          </li>
        </ul>
        <!-- 普通导航菜单 End --></div>
      <!-- Header Menu End --></div>
    <div class="clear"></div>
    <!-- 面包屑 注意首页没有 -->
    <div class="shop_hd_breadcrumb">
      <strong>当前位置：</strong>
      <span>
        <a href="{{url('/')}}">首页</a>&nbsp;›&nbsp;
        <a href="{{url('/cart')}}">我的购物车</a></span>
    </div><br /><br /><br />
    <div class="clear"></div>
    <!-- 面包屑 End -->
   <div style="width: 800px;height: 300px;border:1px solid rgb(230,230,230);margin-left:300px">
      <form action="/order/account" method="post" style="font-size:15px;"><br /><br />
     <span style="margin-left:280px"> 共需支付: <span style="color:red;font-size:30px">￥{{$pay['money']}}</span> </span>
        <br /><br /><br /><span style="margin-left:100px">请输入支付账号:</span><input type="text" name="account" readmin="请输入6~18位支付宝账号" style="width:300px;height:30px;margin-left:20px"/><span></span>
       <br /><br /><br /><span style="margin-left:100px">请输入支付密码:</span><input type="password" name="password" readmin="请输入支付密码" style="width:300px;height:30px;margin-left:20px"/><span></span>
       <input type="hidden" name="id" value="{{$pay['id']}}" />
       <input type="hidden" name="money" value="{{$pay['money']}}" />
       <input type="hidden" name="goods_id" value="{{$pay['goods_id']}}" />
       {{csrf_field()}}
        <br /><br /><br /><input type="submit" value="提交"/ style="width:60px;height:30px;margin-right:20px;margin-left:280px">&nbsp;&nbsp;&nbsp;&nbsp;
        <input type="reset" value="重置" style="width:60px;height:30px;"/>
      </form>
   </div><br /><br /><br />
  <!--s_bd end-->


  </div>
    <script type="text/javascript">
      var CACCOUNT = false;
      var CPASS = false;
      $('form').submit(function(){
        //触发所有的丧失焦点事件
        $('input').trigger('blur');

        //判断所有的字段都检测成功后提交
        if(CACCOUNT && CPASS){
          //都成功
          return true;
        }

        //阻止默认行为
        return false;
      })

      //给所有的字段绑定获取焦点事件
      $('input').focus(function(){
        //获取readmin的值
        var res = $(this).attr('readmin');
        //给span设置文本
        $(this).next().html(res).css('color','green');
      })

      // 给支付绑定失去焦点事件
      $('input[name=account]').blur(function(){
          //获取用户名
          var account = $(this).val();
          //声明正则验证用户名是否合法
          var reg = /^\d{6,18}$/;
          var res = reg.test(account);
          if(!res){
            //如果用户名不符合正则要求
            $(this).next().html('支付账号格式不正确').css('color','red');
            //修改input边框颜色
            $(this).css('border','1px solid red');
            //修改全局变量
            ACCOUNT = false;
            return false;
          }else{
            $(this).next().html('ok').css('color','green');
            $(this).css('border','1px solid green');
            CACCOUNT = true;
          }
      })
        $('input[name=password]').blur(function(){
          //获取用户输入的密码
          var password = $(this).val();
          //声明正则
          var reg = /[A-Z0-9]+/i;
        if(reg.test(password)){
          //正确
          $(this).next().html('ok').css('color','green');
          $(this).css('border','1px solid green');
          CPASS = true;
        }else{
          //错误
          $(this).next().html('密码不合法').css('color','red');
          $(this).css('border','1px solid red');
          PASS = false;
        }
      })

    </script>
   
    <div class="clear"></div>
    <div class="shop_footer">
      <div class="shop_footer_link">
        <p>
          <a href="{{ url('/') }}">首页</a>|
          <a href="">招聘英才</a>|
          <a href="">广告合作</a>|
          <a href="">关于ShopCZ</a>|
          <a href="">关于我们</a></p>
      </div>
      <div class="shop_footer_copy">
        <p>Copyright 2004-2013 itcast Inc.,All rights reserved.</p>
      </div>
    </div>
   
    

    <!-- Footer End --></body>

</html>